<template>
  <div class="homepage">
	<!-- 播放器 -->
	<div class="musicpaly">
		<div class="palyfont">暂无歌曲播放</div>
		<div class="palybutton">
			<i class="suspend buttonimg "></i>
			<i class="nextmusic buttonimg "></i>
		</div>
	</div>
  </div>
</template>

<script>
import Vue from 'vue';
import { Lazyload } from 'vant';
	
Vue.use(Lazyload);
export default {
	data(){
		return{
			info: [
				require('../assets/homepage/ChAKEl-8aeeAEbGFAAILBuk1sBk287.jpg'),
				require('../assets/homepage/ChAKEl-7GZWAFEvnAAFYd6yYEdI070.jpg'),
				require('../assets/homepage/ChAKEl-7LFSAK_JVAAEo8sZOfk8097.jpg'),
				require('../assets/homepage/ChAKEV-3MC2AGJyGAAL7FPJYTr0299.jpg'),
				require('../assets/homepage/ChAKEl-3lQ6AaejjAAEUQKPVE0c700.jpg'),
				require('../assets/homepage/ChAKEl-12m2AIltoAADctrpDvmA542.jpg'),
				require('../assets/homepage/ChAKEl-3bPuAY9gRAADEdbhUby8954.jpg'),
				require('../assets/homepage/ChAKEV-8Z6eAHf1mAAD4gS1cuJU224.jpg'),
			      ],
				  nsimg1:require('../assets/homepage/ChAKEl-s4xSAWltTAFvj_vh0Tz0573.jpg'),
				  nsimg2:require('../assets/homepage/ChAKEl-WpfSAQwpbACvHHx_Sm1k685.jpg'),
				  nsimg3:require('../assets/homepage/ChAKEV-s0WCAdkp4AALf1cydLPs783.jpg'),
				  nsimg4:require('../assets/homepage/ChAKEV-St0WAC99HACNoLm__-Ow604.jpg'),
				  nsimg5:require('../assets/homepage/ChAKEV-s2sSADdIlAD6vNSPhUqc558.jpg'),
				  nsimg6:require('../assets/homepage/ChAKEV-aczGATO-EACK2cum6N_c211.jpg'),
				  nsimg7:require('../assets/homepage/ChAKEV-SeWGAPA1EAAsHjUOwQ3M039.jpg'),
				  nsimg8:require('../assets/homepage/ChAKEV-RYpmAKYpZAHFmtqv3CBs231.jpg'),
				  nsimg9:require('../assets/homepage/ChAKEV-lGd2AYnuSAG_QYIpOpoo129.jpg'),
				  nsname1:'爱情听说过没见过',
				  nsname2:'别再想见我',
				  nsname3:'Here Comes The Gangster',
				  nsname4:'我是歌星',
				  nsname5:'三十余年',
				  nsname6:'Going Home',
				  nsname7:'Moma',
				  nsname8:'Dance By Myself (Retro Rock Band Ver.)',
				  nsname9:'Wonder',
				  nsname11:'高安',
				  nsname21:'许光汉',
				  nsname31:'Berlin Psycho Nurses柏林护士',
				  nsname41:'黄威尔Will Ng',
				  nsname51:'侯吉祥',
				  nsname61:'Yider（伊德尔）',
				  nsname71:'BowAsWell',
				  nsname81:'뉴튼',
				  nsname91:'简爱/李宜玲',
		}
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.musicpaly{
	width: 100%;
	height: 1.25rem;
	display: flex !important;
	bottom: 0;
	line-height: 1.25rem;
	padding: 0 .65rem;
	position: fixed;
	background-color: white;
}
.palybutton{
	margin-left: 4.25rem;
}
.suspend{
	background: url(../assets/homepage/sthop.png) no-repeat;
}
.nextmusic{
	background: url(../assets/homepage/nextmusic.png) no-repeat;
}
.buttonimg{
	display: inline-block;
	width: 27px;
	height: 27px;
	vertical-align: middle;
	background-size: 100%;
	margin-left: 20px;
}
</style>
